<style lang="less">
    .question-detail {
        list-style: none;
        padding:23px;
        background: #fff;
        color:#9e9e9e;
        font-size:15px;
        li {
            display: none;
        }
        .img-box {
            img {
                max-width:100%;
                height:auto;
            }
        }
        .show-block {
            display: block;
        }
        h3 {
            font-size: 17px;
            color:#262626;
            margin-bottom:20px;
            font-weight: 200;
        }
        .table-box {
            border-collapse:collapse;
            th, td {
                padding:10px 20px;
            }
            th, td {
                border:1px solid #ccc;
            }
            .box {
                padding:5px 0;
            }
            .box + .box {
                border-top:1px solid #ccc;

            }
        }
    }
</style>
<template>
    <ul class="question-detail">
        <li>
            <h3>为什么没有运动数据？</h3>
            如果运动数据为0，请参考下列常见原因：
            <p>
                1、手机设备不支持，不是所有手机都支持友运动，查看那些型号支持请“点击这里”
            </p>
            <p>
                2、友空间版本V4.2.2以上才支持步数数据获取功能
            </p>


        </li>
        <li>
            <h3>支持友运动的手机设备有哪些？</h3>
            <p>
                1、	苹果手机要求：
                <br>
                Iphone5S及以上手机支持，确保在手机系统设置-隐私-运动与健康开启步数访问权限；
                友空间版本V4.2.2以上才支持步数数据获取功能

            </p>
            <p>
                2、	安卓手机要求：android 4.4及以上，且手机硬件支持计步器。
                友空间版本V4.2.2以上才支持步数数据获取功能 <br>
                注：如果无法获取步数，可尝试更新最新的友空间版本
            </p>
            <!--<table class="table-box">
                <thead>
                <th>品牌</th>
                <th>型号</th>
                </thead>
                <tbody>
                <tr>
                    <td>华为</td>
                    <td>
                        <div class="box">Mate 9</div>
                        <div class="box">Mate 8</div>
                        <div class="box">P9</div>
                        <div class="box">P7</div>
                    </td>
                </tr>
                <tr>
                    <td>三星</td>
                    <td>
                        <div class="box">S4</div>
                    </td>
                </tr>
                <tr>
                    <td>小米</td>
                    <td>
                        <div class="box">小米5</div>
                        <div class="box">MIX</div>
                    </td>
                </tr>
                <tr>
                    <td>魅族</td>
                    <td>
                        <div class="box">魅蓝 Note5</div>
                    </td>
                </tr>
                </tbody>
            </table>-->

        </li>

            <li>
                <h3>
                    IOS系统中，如何开启健康步数授权？
                </h3>

                进入手机系统设置-隐私-运动与健康，保证友空间应用开启步数访问权限
                <div class="img-box">
                    <img src="../assets/img/1.png" alt="开启计步权限">
                </div>
            </li>
           <li>
               <h3>如何更新友动动排行榜步数？</h3>
               主动友运动排行榜页面，即可收到最新排名数据。
           </li>
            <li>
                <h3>如何进入我的主页更新封面背景？</h3>
                进入友运动排行榜页面，点击排行榜中的第一行，即含有你步数的第一行进入本人主页。点击封面背景，上传图片即可
                <div class="img-box">
                    <img src="../assets/img/2.png" alt="更新封面">
                    <br>
                    <img src="../assets/img/3.png" alt="更新封面">
                </div>

            </li>
            <li>
                <h3>如何查看给我点赞的同事？</h3>
                进入友运动排行榜页面，点击排行榜中的第一行（即含有你步数的第一行）右侧爱心图标，即可查看帮点赞的人员列表：
                <div class="img-box">
                    <img src="../assets/img/4.png" alt="给别人点赞">
                </div>
            </li>
    </ul>
</template>
<script>
    import util from '../assets/util'
    export default {
        data() {
            return {

            }
        },
        activated() {
            Array.prototype.slice.call(this.$el.children, 0).forEach((item, index)=> {
                item.classList.remove('show-block');
            })
            let showId = util.session.get('show-question-id');

            this.$el.children[showId].classList.add('show-block');
        }
    }
</script>